<template>
    <div>
        <div class="bbox">
            <div class="banxin">
                <div class="top">
                    <p class="titel">欢迎</p>
                    <div class="esec_titel">E学E测-DISC行为风格</div>
                    <div class="esec_inner">
                       <span> 
                            欢迎您参加由E学E测提供的DISC行为风格测评问卷！
                            请用15分钟的时间，在不受干扰的情况下，
                            以开放的心态完成测评。谢谢您的配合！
                        </span>
                    </div>
                    <div class="next">
                        <p>请按[<a>下一页</a>]继续</p>
                    </div>
                    <div class="bottom">
                        <Row>
                            <Col span="2">
                              <Button type="primary">退出</Button>
                            </Col>
                            <Col span="20">
                                <div class="displaynone">11</div>
                            </Col>
                            <Col span="2">
                                <Button type="primary" @click="next" >下一页</Button>
                            </Col>
                        </Row>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        created(){
            this.$store.state.dati.paperId = this.$route.query.id
            console.log(this.$route.params.id)
        },
        methods:{
            next(){
                this.$router.replace({'name':'dataEdit',"params":{
                    paperId:this.$store.state.dati.paperId
                }})
            }
        }
    }
</script>

<style lang="less">
.bbox{
    width: 100%;
    height: 100%;
    margin-top: 20px;
    .banxin{
    width: 800px;
    height: 500px;
    margin: auto;
    padding: 20px;
    .top{
        height: 40px;
        border-bottom: 0.2px solid black;
        .titel{
            font-size:28px;
            color: black;
        }
        .esec_titel{
            height: 60px;
            line-height: 60px;
            color: black;
            font-size: 18px;
            border-bottom: 0.2px solid black;
        }
        .esec_inner{
            height: 190px;
            padding-top: 70px;
            border-bottom: 0.2px solid black;
            color: black;
        }
        .next{
            margin-top: 25px;
            height: 40px;
            position: relative;
            p{
                width: 200px;
                height: 100px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -80px;
                margin-top: -20px;
            }
        }
        .bottom{
            margin-top: 30px;
            .displaynone{
                opacity:0;
            }
        }
    }
}
}
</style>